<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
<!--xmlns:c="http://java.sun.com/jstl/core"-->
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="resources/css/estilos.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/accordionmenu.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="resources/css/pagina.css" type="text/css" media="screen" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/redmond/skin.css" />
        <title>Principal</title>	
	<style>
	.Estilo1 {
		font-size: 16px;
		font-weight: bold;
		color: #446688;
	}
	.Estilo3 {
		color: #446688;
		font-size: 14px;
		font-weight: bold;
	}
	.Estilo4 {
		color: #446688;
		font-size: 12px;
	}
	</style>
    </h:head>
        
    <h:body>
        <h:panelGroup id="pagina">
            <h:panelGroup id="top">
                <h:panelGroup id="banner" style="text-align:center; background-color: #eeeeee;">
                <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="center" valign="middle">
                            <span class="Estilo1">UNIVERSIDAD NACIONAL MAYOR DE SAN MARCOS</span><br/>
                            <span class="Estilo3">(Universidad del Perú, DECANA DE AMÉRICA)</span><br/>
                                <br/>
                            <span class="Estilo1">FACULTAD DE INGENIERIA DE SISTEMAS</span><br/>
                            <span class="Estilo3">Escuela Académico Profesional de Ingeniería de Sistemas</span>
                        </td>
                        <td width="250px">
                            <p:media value="/images/banner.swf" width="250" height="120" player="flash"/>
                        </td>
                    </tr>
                </table>
                </h:panelGroup>

                <h:panelGroup id="menubar" style="position:relative;">
                        <div>
                                <ul id="menu">
                                        <li><a href="#">Inicio</a></li>
                                        <li><a href="#">Cursos</a></li>
                                        <li><a href="#">Tesis</a></li>
                                        <li><a href="#">Nosotros</a></li>
                                        <li><a href="#">Contactenos</a></li>
                                </ul>
                        </div>
                </h:panelGroup>
            </h:panelGroup>
            
            <h:panelGroup id="cuerpo">
                <h:panelGroup id="izquierda">
                    <h:form id="formulario3">
                        <p:panel header="Bienvenido ."
                                rendered="#{not empty id}">	
                                        <h:panelGrid columns="1">
                                                <p:commandLink id="cerrarSesion"
                                                        style="color:#27D;">
                                                        <h:outputText value="cerrar sesion" />
                                                </p:commandLink>
                                        </h:panelGrid>
                        </p:panel>
                        <div class="separador" />	
                        <p:panel header="ciclo">

                        </p:panel>
                        <p:panel header="Menu">
                            <p:menu style="width: 100%" >  
                                <p:menuitem value="Pagina1"  action="pagina1"> 
                                </p:menuitem> 
                                <p:menuitem value="Gestión de Dir. de Escuela"  action="MntDirEscuela"> 
                                </p:menuitem> 
                                <p:menuitem value="Pagina3"  action="pagina3">  
                                </p:menuitem> 
                            </p:menu>
                        </p:panel>
<!--                        <rich:panelMenu style="width:200px" mode="ajax"
        		iconExpandedGroup="disc" iconCollapsedGroup="disc" 
        		iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right" 
        		iconCollapsedTopGroup="chevronDown">
        		<c:forEach items="#{loginController.listaOpciones}" var="opcion">
     			<c:if test="#{opcion.codPadre == 0}">
			       <rich:panelMenuGroup label="#{opcion.nombre}" expanded="true">
			          <c:forEach items="#{loginController.listaOpciones}" var="child">
			          	<c:if test="#{opcion.codOpcion == child.codPadre}">
				            <rich:panelMenuItem label="#{child.nombre}" action="#{panelMenu.updateCurrent}" immediate="true" reRender="panelPrincipal">
		                		<f:param name="current" value="/paginas#{child.url}"/>
				            </rich:panelMenuItem>
			            </c:if>
			          </c:forEach>
			       </rich:panelMenuGroup>
			       </c:if>
		     </c:forEach>
			</rich:panelMenu>-->
                    </h:form>		
                </h:panelGroup>
                <h:panelGroup id="derecha">
                        <ui:insert name="contenido" />
                </h:panelGroup>
            </h:panelGroup>
       </h:panelGroup>
    </h:body>

</html>
